<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>查看详情</title>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
		<link rel="bookmark" href="../favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/qualityCss.css" />
		<meta name="format-detection" content="telephone=no" />
		<!--[if lt IE 9]>
			<script src="js/lib/html5shiv.js"></script>
		<![endif]-->
		<script src="js/lib/flexible.js"></script>
		<style>
			.TabMainUl > li{
				border-radius: 0;
				box-shadow: inherit;
				margin: 0.4rem 0;
			}
			.TabMainUl > li:after{
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 1px;
				border-top: 1px solid #cccccc;
			}
			.TabMainUl > li:before{
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1px;
				border-bottom: 1px solid #cccccc;
			}
		</style>
	</head>
	<body>

	<!--加载中 -->
	<div class="spinner" id="spinner" >
		<div class="spinner-container container1">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container2">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container3">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
	</div>
	<!--加载中 end-->

	<div class="main" id="main" style="display: none">
		<div class="TabMain">
			<ul class="TabMainUl">
				<!--<li>
					<div class="title">零件监控编号：SD123-1</div>
					<div class="content">
						<p><span>零件名称：</span>中走丝50</p>
						<p><span>生产单号：</span>AS123</p>
						<p><span>产品名称：</span>中走丝50</p>
						<p><span>质检名称：</span>巡检</p>
						<p><span>质检内容：</span>质检内容</p>
						<p><span>计划工时：</span>1小时（2017/06/12 9:20-2017/06/12 20:50）</p>
						<p><span>巡检频度：</span>巡检频度</p>
						<p><span>良品率：</span>95%</p>
						<div class="testImages">
							<div class="img">
								<img onclick="zoomAlert(this)" data-lazy-src="">
							</div>
							<div class="img">
								<img onclick="zoomAlert(this)" data-lazy-src="">
							</div>
							<div class="img">
								<img onclick="zoomAlert(this)" data-lazy-src="">
							</div>
							<div class="img">
								<img onclick="zoomAlert(this)" data-lazy-src="">
							</div>
						</div>
					</div>
					<div class="content">
						<p><span>质检结果：</span>异常</p>
						<p><span>质检零件数量：</span>100个</p>
						<p><span>不合格数量：</span>10个</p>
						<p><span>责任人：</span>李四</p>
						<p><span>责任部门：</span>注塑一组</p>
						<p><span>异常零件处理：</span>废弃</p>
						<p><span>质检人：</span>张三</p>
						<p><span>质检时间：</span>23小时（2017/06/12 9:20-2017/06/12 20:50）</p>
					</div>
				</li>
				<li>
					<div class="title">废弃零件处理</div>
					<div class="content">
						<p><span>负责人：</span>张龙</p>
						<p><span>数量：</span>2</p>
					</div>
					<div class="content">
						<p>负责人：张龙</p>
						<p>数量：2</p>
					</div>
				</li>
				<li>
					<div class="title">丢失零件处理</div>
					<div class="content">
						<p><span>负责人：</span>张龙</p>
						<p><span>数量：</span>2</p>
					</div>
				</li>-->
			</ul>
		</div>
	</div>
	<script src="js/lib/jquery.2.1.4.min.js"></script>
	<script src="js/layer/mobile/layer.js"></script>
	<script src="js/common.js"></script>
	<script src="js/aescon.js"></script>
	<!-- 图片懒加载 -->
	<script language="javascript" src="js/lib/EasyLazyload.min.js"></script>
	<script language="javascript" src="js/qualityInfo.js"></script>
	</body>
</html>
